<!doctype html>
<html lang="zh">

<head>
    <title>互动课堂</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="Work hard for every advancement in education">
    <link rel="icon" href="">
</head>

<body>
    <!-- <iframe id="wbIframe" class="wb-iframe" allowfullscreen = "allowfullscreen" style="width: 100%;height: 1000px;" src="http://school_web.jianjincm.net/os_ppt/mobile.html?workid=4f67b549f7b04e6ca6ff712f0572251e&role=1&userId=909437&roomId=18#/page-1618036069708" name="wbframe" frameborder="0" scrolling="no" width="100%" height="100%"></iframe> -->
    <div id="div1" style="width: 150px; height: 150px; background-color: #666">
        <div id="div2" style="width:100px; height:100px; background-color: #999">
            <button id="button">continue</button>
        </div>
    </div>
</body>
<script>
    window.addEventListener('message', (ev) => {
        const data = ev.data;
        console.log('data',data);
    });
    window.onload = function() {
        document.getElementById('div1').addEventListener('click', function() {
            alert('div1');
        }, false);
        document.getElementById('div2').addEventListener('click', function() {
            alert('div2');
        }, false);
        document.getElementById('button').addEventListener('click', function() {
            alert('button');
        }, false);
    }
</script>

</html>